<template>
	<div class="homebox">
		<van-nav-bar :title="$t('textTrans.新闻详情')" left-arrow @click-left="onClickLeft" />
		<div class="newsCon">
			<p class="detailsTitle">{{temp.title}}</p>
			<div  style="text-align: left;color: #ccc;margin-top: 10px;">
				{{temp.create_time}}
			</div>
			<div v-html="temp.content"  class="boxcontent" style="color: #ccc;margin-top: 10px;">
			</div>
		</div>
	
	</div>
</template>

<script>
	export default {
		data() {
			return {
				temp: {}
			};
		},
		created() {
			// this.$i18n.locale=localStorage.getItem('lang');
			this.temp = this.$route.query.item;
		},
		methods: {
			onClickLeft() {
				this.$router.go(-1);
			}
		}
	};
</script>

<style lang='less' scoped>
	.van-nav-bar{
		background: #041025;
		/deep/.van-nav-bar__title{
			color:#326964;
			margin-left: 40px;
		}
	}
	.homebox{
		width: 100%;
		/* background: url('../../assets/imgs/home/beijing.png') no-repeat; */
		background-size: 100% 100%;
	}
	.newsCon {
		color: #333;
		font-size: 14px;
		/* width:342px; */
		padding: 10px;
		border-radius: 5px;
		.detailsTitle {
			color: white;
			font-size: 15px;
			text-align:left;
		}
		.detailsDesc {
			line-height: 25px;
			text-indent: 20px;
			margin-top: 12px 0 20px;
			overflow: hidden;
			.desc_btm{
			  color:#cccccc;
			  font-size:12px;	
			}
		}
	}
	.boxcontent{
		/deep/ img{
			width: 100%;
		}
		p{
			font-size: 14px;
		}
	}
</style>
